
<script>

    $(function() {
    $( "#agregaEstudioFormal" ).dialog({
        autoOpen: false,
        height: 400,
        width: 750,
        modal: true,
        buttons: {
            Cancelar: function() {
                $( this ).dialog( "close" );
            }
        },
        close: function() {

        }
    });

        $( "#agregaEstudioInFormal" ).dialog({
            autoOpen: false,
            height: 400,
            width: 750,
            modal: true,
            buttons: {
                Cancelar: function() {
                    $( this ).dialog( "close" );
                }
            },
            close: function() {

            }
        });

    });
    function abrirEstudioFormal(){

        $( "#agregaEstudioFormal" ).dialog( "open" );
        return false;
    }

    function abrirEstudioInFormal(){

        $( "#agregaEstudioInFormal" ).dialog( "open" );
        return false;
    }

</script>



<h2><g:message code="candidato.educacionformal.h2" default="Educacion Formal" /></h2><hr/>
     <br/>

<div id="list-educacionFormal" class="content scaffold-list" role="main">
    <table>
        <thead>
        <tr>

            <th><g:message code="educacionFormal.titulo.label" default="Titulo" /></th>
            <th><g:message code="educacionFormal.nivel.label" default="Nivel" /></th>
            <g:sortableColumn property="institucion" title="${message(code: 'educacionFormal.institucion.label', default: 'Institucion')}" />
            <g:sortableColumn property="fechaFin" title="${message(code: 'educacionFormal.fechaFin.label', default: 'Fecha Fin')}" />
            <g:sortableColumn property="sinTerminar" title="${message(code: 'educacionFormal.sinTerminar.label', default: 'Sin Terminar')}" />

        </tr>
        </thead>
        <tbody>
        <g:each in="${empleadoInstance?.educacionFormalList}" status="i" var="educacionFormalInstance">
            <tr class="${(i % 2) == 0 ? 'even' : 'odd'}">

                <td><g:link action="show" id="${educacionFormalInstance.id}">${fieldValue(bean: educacionFormalInstance, field: "titulo")}</g:link></td>
                <td>${fieldValue(bean: educacionFormalInstance, field: "nivel")}</td>
                <td>${fieldValue(bean: educacionFormalInstance, field: "institucion")}</td>
                <td><g:formatDate date="${educacionFormalInstance.fechaFin}" /></td>
                <td><g:formatBoolean boolean="${educacionFormalInstance.sinTerminar}" /></td>

            </tr>
        </g:each>
        </tbody>
    </table>
    <div class="pagination">

    </div>
    <br/>
    <fieldset class="buttons">
        <button id="create-estudio-formal" class="crear" onclick=" return abrirEstudioFormal();" ><g:message code="default.new.label" args="['Estudio Formal']"/></button><br/>
    </fieldset>
</div>

<br/>
<h2><g:message code="candidato.educacioninformal.h2" default="Educacion No Formal" /></h2><hr/>
<br/>


<div id="list-educacionInformal" class="content scaffold-list" role="main">

    <table>
        <thead>
        <tr>
            <g:sortableColumn property="titulo" title="${message(code: 'educacionInformal.titulo.label', default: 'Titulo')}" />

            <g:sortableColumn property="institucion" title="${message(code: 'educacionInformal.institucion.label', default: 'Institucion')}" />

            <g:sortableColumn property="fechaIngreso" title="${message(code: 'educacionInformal.fechaIngreso.label', default: 'Fecha Ingreso')}" />

            <g:sortableColumn property="fechaFin" title="${message(code: 'educacionInformal.fechaFin.label', default: 'Fecha Fin')}" />

            <g:sortableColumn property="sinTerminar" title="${message(code: 'educacionInformal.sinTerminar.label', default: 'Sin Terminar')}" />

        </tr>
        </thead>
        <tbody>
        <g:each in="${educacionInformalInstanceList}" status="i" var="educacionInformalInstance">
            <tr class="${(i % 2) == 0 ? 'even' : 'odd'}">

                <td><g:link action="show" id="${educacionInformalInstance.id}">${fieldValue(bean: educacionInformalInstance, field: "titulo")}</g:link></td>

                <td>${fieldValue(bean: educacionInformalInstance, field: "institucion")}</td>

                <td><g:formatDate date="${educacionInformalInstance.fechaIngreso}" /></td>

                <td><g:formatDate date="${educacionInformalInstance.fechaFin}" /></td>

                <td><g:formatBoolean boolean="${educacionInformalInstance.sinTerminar}" /></td>

            </tr>
        </g:each>
        </tbody>
    </table>
    <div class="pagination">

    </div>
    <br/>
    <fieldset class="buttons">
        <button id="create-estudio-informal" class="crear" onclick=" return abrirEstudioInFormal();" ><g:message code="default.new.label" args="['Estudio']"/></button><br/>
    </fieldset>
</div>


<br/>
<h2><g:message code="candidato.idiomas.h2" default="Idiomas" /></h2><hr/>
<br/>

<div id="list-idiomaEmpleado" class="content scaffold-list" role="main">

    <table>
        <thead>
        <tr>
            <th><g:message code="idiomaEmpleado.idioma.label" default="Idioma" /></th>

            <g:sortableColumn property="nivel" title="${message(code: 'idiomaEmpleado.nivel.label', default: 'Nivel')}" />

        </tr>
        </thead>
        <tbody>
        <g:each in="${idiomaEmpleadoInstanceList}" status="i" var="idiomaEmpleadoInstance">
            <tr class="${(i % 2) == 0 ? 'even' : 'odd'}">

                <td>${fieldValue(bean: idiomaEmpleadoInstance, field: "idioma")}</td>

                <td>${fieldValue(bean: idiomaEmpleadoInstance, field: "nivel")}</td>

            </tr>
        </g:each>
        </tbody>
    </table>
    <div class="pagination">

    </div>
</div>



<div id="agregaEstudioFormal" title="Agregar Estudio Formal">
    <%@ page import="com.cruxconsultores.rh.EducacionFormal" %>

    <div class="fieldcontain ${hasErrors(bean: educacionFormalInstance, field: 'titulo', 'error')} ">
        <label for="titulo">
            <g:message code="educacionFormal.titulo.label" default="Titulo" />

        </label>
        <g:textField name="titulo" value="${educacionFormalInstance?.titulo}"/>
    </div>
    <div class="fieldcontain ${hasErrors(bean: educacionFormalInstance, field: 'nivel', 'error')} required">
        <label for="nivel">
            <g:message code="educacionFormal.nivel.label" default="Nivel" />
            <span class="required-indicator">*</span>
        </label>
        <g:select id="nivel" name="nivel.id" from="${com.cruxconsultores.rh.Educacion.list()}" optionKey="id" optionValue="nombre" required="" value="${educacionFormalInstance?.nivel?.id}" class="many-to-one"/>
    </div>
    <div class="fieldcontain ${hasErrors(bean: educacionFormalInstance, field: 'institucion', 'error')} ">
        <label for="institucion">
            <g:message code="educacionFormal.institucion.label" default="Institucion" />

        </label>
        <g:textField name="institucion" value="${educacionFormalInstance?.institucion}"/>
    </div>
    <div class="fieldcontain ${hasErrors(bean: educacionFormalInstance, field: 'fechaIngreso', 'error')} required">
        <label for="fechaIngreso">
            <g:message code="educacionFormal.fechaIngreso.label" default="Fecha Ingreso" />
            <span class="required-indicator">*</span>
        </label>
        <g:datePicker name="fechaIngreso" precision="month"  value="${educacionFormalInstance?.fechaIngreso}"  />
    </div>
    <div class="fieldcontain ${hasErrors(bean: educacionFormalInstance, field: 'fechaFin', 'error')} required">
        <label for="fechaFin">
            <g:message code="educacionFormal.fechaFin.label" default="Fecha Fin" />
            <span class="required-indicator">*</span>
        </label>
        <g:datePicker name="fechaFin" precision="month"  value="${educacionFormalInstance?.fechaFin}"  />
    </div>

    <div class="fieldcontain ${hasErrors(bean: educacionFormalInstance, field: 'sinTerminar', 'error')} ">
        <label for="sinTerminar">
            <g:message code="educacionFormal.sinTerminar.label" default="Sin Terminar" />

        </label>
        <g:checkBox name="sinTerminar" value="${educacionFormalInstance?.sinTerminar}" />
    </div>
</div>


<div id="agregaEstudioInFormal" title="Agregar Otro Estudio">
    <%@ page import="com.cruxconsultores.rh.EducacionInformal" %>

    <div class="fieldcontain ${hasErrors(bean: educacionInformalInstance, field: 'titulo', 'error')} ">
        <label for="titulo">
            <g:message code="educacionInformal.titulo.label" default="Titulo" />

        </label>
        <g:textField name="titulo" value="${educacionInformalInstance?.titulo}"/>
    </div>

    <div class="fieldcontain ${hasErrors(bean: educacionInformalInstance, field: 'institucion', 'error')} ">
        <label for="institucion">
            <g:message code="educacionInformal.institucion.label" default="Institucion" />

        </label>
        <g:textField name="institucion" value="${educacionInformalInstance?.institucion}"/>
    </div>

    <div class="fieldcontain ${hasErrors(bean: educacionInformalInstance, field: 'fechaIngreso', 'error')} required">
        <label for="fechaIngreso">
            <g:message code="educacionInformal.fechaIngreso.label" default="Fecha Ingreso" />
            <span class="required-indicator">*</span>
        </label>
        <g:datePicker name="fechaIngreso" precision="month"  value="${educacionInformalInstance?.fechaIngreso}"  />
    </div>

    <div class="fieldcontain ${hasErrors(bean: educacionInformalInstance, field: 'fechaFin', 'error')} required">
        <label for="fechaFin">
            <g:message code="educacionInformal.fechaFin.label" default="Fecha Fin" />
            <span class="required-indicator">*</span>
        </label>
        <g:datePicker name="fechaFin" precision="month"  value="${educacionInformalInstance?.fechaFin}"  />
    </div>

    <div class="fieldcontain ${hasErrors(bean: educacionInformalInstance, field: 'sinTerminar', 'error')} ">
        <label for="sinTerminar">
            <g:message code="educacionInformal.sinTerminar.label" default="Sin Terminar" />

        </label>
        <g:checkBox name="sinTerminar" value="${educacionInformalInstance?.sinTerminar}" />
    </div>


</div>